  @media screen and (max-width:360px) {
         div{float: left;
          width:200px;
         height:100%;}
        
       }

  
     
      
       
       .tubiao { height:100%; display:flex; align-items:center;}
       
              
          .left {align-items:center;
                display:flex;
            border:3px solid #00be06;
                  border-radius:5px; 
                margin-right: 3px; 
                height:20px;
                width:16px;}
          
          .right {width:3px; 
                  height:14px;
             background:#00be06;
             display:block;
             align-items:center;
            /* margin:7px 3px; */}
           
           .lianggang {margin:0 auto;
                         width:10px; 
                   height:4px; 
                   border:3px solid #00be06;
                    display:block;
                          border-left:0;
                  border-right:0;
                align-items:baseline;          }
                                
          
    .front-icon{
                 float: left;
                  display: inline-block;
                  position: relative;
                  padding-left: 38px;
                  color: #222;
                  cursor: default;
                  text-decoration: none;
        }
        .header{
             position:relative;
             margin-bottom: 15px;
               
        }
        .icon{
            position: absolute;
              top: 50%;
              left: 0;
              margin-top: -14px;
              background-position: 0 0;
              width: 28px;
              height: 28px;
              background: url(sprite-channelTitle-icons@2x-0422.png) no-repeat 50%;
              background-color: rgba(0, 0, 0, 0);background-repeat: no-repeat;
              background-attachment: scroll;
              background-image: url("sprite-channelTitle-icons@2x-0422.png");background-origin: padding-box;
              background-clip: border-box;
              background-size: 400px 120px;
              font-size: 0;
              font-weight: 400;
        }
        .h2{font-size:24px;font-weight:400;line-height: 28px;float: left}
        .link{padding-left:20px;overflow:hidden;font-size: 14px;color: #222;text-decoration:none;}
        .text-link{line-height: 16px;font-size:14px;font-weight:400px;color:#222;text-decoration:none;font-family: PingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif;text-decoration:none;}
        .flex-container{ align-items: flex-end; 
          display:flex;
          width:920px;
            height:28px;}
        .slash{padding-left: 10px;
               padding-right:10px;
               color:#00be06;
               font-size:14px;}

        .list{
            font: 12px/1.5 PingFangSC-Regular,Helvetica,Arial,Microsoft Yahei,sans-serif;
            margin: 0;padding: 0;

        }
        .ul{
          width: 100%;
          font-size: 0;
          white-space: nowrap;
        }
        .li{
          vertical-align: top;
          display:inline-block;
          margin-right: 5px;
        }
        .horizon{
               width: 180px;
        }
        .wrap{
           z-index: 1;
           position: relative;
        }

        .link1{
             width:180px;
             height:101px;
             z-index: 1;
               position: relative;
               display: block;
               overflow: hidden;
               font-size: 0;
               white-space: nowrap;
               text-decoration:none;
}
        }

        .cover{
             display:block;
             width:100%;
             height:100%;
             backface-visibility: hidden;
            }
        .icon-br{
              position: absolute;
              bottom: 5px;
              right: 5px;
        }
        .label{
            display: inline-block;
              font-size: 12px;
              line-height: 20px;
              color: #fff;
              background: rgba(0,0,0,.6);
              padding: 0 7px;
              border-radius: 10px;
        }
        .title-wrap{
                 height: 44px;
                 overflow:hidden;
                 position: relative;
                   background: #f8f8f8;
                   line-height: 1;
                   padding: 6px 10px;
                   margin: 0;
        }
        .main{
           height: 44px;
           white-space: normal;
           text-overflow: clip;
           display: -webkit-box;
           -webkit-line-clamp: 2;
             -webkit-box-orient: vertical;
             line-height: 22px;
             font-size: 14px;
             vertical-align: baseline;
             overflow: hidden;
             margin: 0;
             padding: 0;

        }
        .link-text{
                text-overflow: clip;
                display:block;
                overflow: hidden;
                color: #222;
                line-height: 22px;
                font-size: 14px;

                text-decoration:none;}
        }